<!DOCTYPE html>
<html>
<head>
    <meta charset=utf-8>
    <meta name=mobile-web-app-capable content=yes>
    <meta name=apple-mobile-web-app-capable content=yes>
    <meta name=apple-mobile-web-app-status-bar-style content=default>
    <meta name=viewport content="width=device-width,initial-scale=1,user-scalable=0,minimal-ui,viewport-fit=cover">
    <link rel=stylesheet type=text/css href={SITE_URL}public/honor.css>
    <script type="text/javascript" src="{SITE_URL}public/js/rem.js"></script>
    <title>{$title}</title>
    <!--微信抓取缩略图-->
    <script src="http://res.wx.qq.com/open/js/jweixin-1.0.0.js"></script>
    <script>
        /*
         * 注意：
         * 1. 所有的JS接口只能在公众号绑定的域名下调用，公众号开发者需要先登录微信公众平台进入“公众号设置”的“功能设置”里填写“JS接口安全域名”。
         * 2. 如果发现在 Android 不能分享自定义内容，请到官网下载最新的包覆盖安装，Android 自定义分享接口需升级至 6.0.2.58 版本及以上。
         * 3. 常见问题及完整 JS-SDK 文档地址：http://mp.weixin.qq.com/wiki/7/aaa137b55fb2e0456bf8dd9148dd613f.html
         *
         * 开发中遇到问题详见文档“附录5-常见错误及解决办法”解决，如仍未能解决可通过以下渠道反馈：
         * 邮箱地址：weixin-open@qq.com
         * 邮件主题：【微信JS-SDK反馈】具体问题
         * 邮件内容说明：用简明的语言描述问题所在，并交代清楚遇到该问题的场景，可附上截屏图片，微信团队会尽快处理你的反馈。
         */
        wx.config({
            debug: false,
            appId: '{php echo $signPackage["appId"]}',
            timestamp: '{php echo $signPackage["timestamp"]}',
            nonceStr: '{php echo $signPackage["nonceStr"]}',
            signature: '{php echo $signPackage["signature"]}',
            jsApiList: [
                'checkJsApi',
                'onMenuShareTimeline',
                'onMenuShareAppMessage',
                'onMenuShareQQ',
                'onMenuShareWeibo',
                'onMenuShareQZone'
                // 所有要调用的 API 都要加到这个列表中
            ]
        });

        wx.ready(function () {
            wxOnShare();
        });

        function wxOnShare() {
            var title = "打卡：{$title}";
            var desc = "用微小的行动带来改变，用行动带来微小的改变";
            var link = location.href.split('#')[0];
            var imgUrl = "{SITE_URL}public/images/show.jpg" ;
            wx.onMenuShareAppMessage({
                title: title,
                desc: desc,
                link: link,
                imgUrl: imgUrl,
                trigger: function (res) {
                },
                success: function (res) {
                },
                cancel: function (res) {
                },
                fail: function (res) {
                }
            });
            wx.onMenuShareTimeline({
                title: title,
                link: link,
                imgUrl: imgUrl,
                trigger: function (res) {
                },
                success: function (res) {
                },
                cancel: function (res) {
                },
                fail: function (res) {
                }
            });
        }
    </script>
    <style>
        #shareit {
            -webkit-user-select: none;
            display: none;
            position: absolute;
            width: 100%;
            height: 100%;
            background: rgba(0,0,0,0.85);
            text-align: center;
            top: 0;
            left: 0;
            z-index: 105;
        }
        #shareit img {
            max-width: 100%;
        }
        .arrow {
            position: absolute;
            right: 10%;
            top: 5%;
        }
        #share-text {
            margin-top: 400px;
        }
    </style>

</head>
<body>
<div class="app">
    <div class="top-box">
        <div class="inner-content">
            <div class="title"> {$strUser['username']}升级为{$rolename}</div>
            <div class="honor-img">
                <div class="img-box">
                    <img class="image-honor" src="{SITE_URL}public/images/role/honor{$picno}.png" alt="荣誉图片">
                    <div class="star-list">

                        <img class="image-star" src="{SITE_URL}public/images/role/start.png" alt="星星">
                        {if $starno==1}
                        <img class="image-star" src="{SITE_URL}public/images/role/start.png" alt="星星">
                        {/if}
                        {if $starno==2}
                        <img class="image-star" src="{SITE_URL}public/images/role/start.png" alt="星星">
                        {/if}

                    </div>
                </div>
            </div>
            <div class="user-pic">
                <div class="image"  style="background-image: url({$strUser['face']})"></div>
            </div>
            {if $roleid==2||$roleid==4||$roleid==7||$roleid==10}
            <div class="next-step"><span class="button"><a href="{tsUrl('user','apply',array('apply'=>1))}"> 点击这里申请实体勋章</a></span></div>
            {/if}
        </div>
    </div>
    <div class="bottom-box">
        <div class="qr-code"><img class="image" src="{SITE_URL}public/images/role/qr-code.png" alt="二维码"></div>
        <div class="desc">长按二维码加入我们</div>
    </div>
</div>
</body>
</html>